import { Layout, Dropdown, Space, Button } from 'antd';
import { LogoutOutlined } from '@ant-design/icons';
import LogoUrl from '@/assets/react.svg';

export default function LayoutHeader() {
  const items = [
    {
      key: '1',
      label: (
        <Button danger icon={<LogoutOutlined />}>
          退出登录
        </Button>
      ),
    },
  ];
  return (
    <Layout.Header className="layout-header">
      <div className="logo">
        <img src={LogoUrl} alt="logo" />
      </div>
      <div className="user">
        <Dropdown menu={{ items }} trigger={['click']}>
          <div>
            <Space>
              {' '}
              <span>用户名</span>
            </Space>
          </div>
        </Dropdown>
      </div>
    </Layout.Header>
  );
}
